<%@ page contentType="text/html; charset=UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<%@ include file="/WEB-INF/jsp/includes/common.jsp"%>
<html>
	<head>
		<%@ include file="/WEB-INF/jsp/includes/head.jsp"%>
		<!--[if IE]>
   			<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
		<![endif]-->
		<script type="text/javascript" src="${ctx }/js/lib/jquery.validate.js"></script>
		<script type="text/javascript" src="${ctx }/js/lib/jquery.validate.messages_cn.js"></script>
		<script type="text/javascript" src="${ctx }/js/base/validateinfo.js"></script>
		<script type="text/javascript" src="${ctx }/js/award/awardconfigdisc.js"></script>
	</head>
	<body>
		<%@ include file="/WEB-INF/jsp/includes/logo.jsp"%>
		<div class="container">
			<div class="main clearfix">
				<%@ include file="/WEB-INF/jsp/includes/nav.jsp"%>
				<div class="container2 fl">
					<div class="main">
						<h4 class="mb10"><span><a href="${ctx }/activity/index.do">活动列表</a>&nbsp;>&nbsp;</span><span><a href="${ctx }/award/index.do?activeId=${activeId}">活动奖品</a>&nbsp;>&nbsp;</span><span class="fb">配置九宫格</span></h4>
						<div class="content-wraper">
						<input type="hidden" id= "activeId" value="${activeId }"/>
							<section class="award-config-disc">
								<div class="content">
									<div class="item">
										<label>
											<input type="checkbox" checked="checked" disabled="true"/>
											<span>活动形式：</span>
										</label>
										<input name="award-type" type="radio" checked="checked" />
										<span>九宫格</span>
										<input name="award-type" type="radio" disabled="true" />
										<span>摇奖盘</span>
										<input name="award-type" type="radio" disabled="true" />
										<span>砸金蛋</span>
										<input name="award-type" type="radio" disabled="true" />
										<span>老虎机</span>
									</div>
									<div class="item1">
										<div class="column-title">
											<h6>配置列表</h6>
										</div>
										<div class="cont">
											<table cellspacing="0" border="1" width="100%">
												<thead>
													<tr>
														<th width="50">编号</th>
														<th width="240">奖品名称</th>
														<th>奖品配置位置</th>
													</tr>
												</thead>
												<nad:table dataList="${awardList }" >
												<tbody>
												<nad:row>
													<c:if test="${DATALIST_CURRENTROW%2==0 }">
														<tr class="odd">
													</c:if>
													<c:if test="${DATALIST_CURRENTROW%2==1 }">
														<tr class="even">
													</c:if>
													<td><nad:col name="id"/></td>
													<td><span>${name }</span></td>
														<td>
															<input type="hidden" value="${image }"/>
															<input type="checkbox" name="choosePosition${DATALIST_CURRENTROW }" value="1" class="c1" <c:if test="${position==1 }">checked</c:if>/><em>1</em>
															<input type="checkbox" name="choosePosition${DATALIST_CURRENTROW }" value="2" class="c2" <c:if test="${position==2 }">checked</c:if>/><em>2</em>
															<input type="checkbox" name="choosePosition${DATALIST_CURRENTROW }" value="3" class="c3" <c:if test="${position==3 }">checked</c:if>/><em>3</em>
															<input type="checkbox" name="choosePosition${DATALIST_CURRENTROW }" value="4" class="c4" <c:if test="${position==4 }">checked</c:if>/><em>4</em>
															<input type="checkbox" name="choosePosition${DATALIST_CURRENTROW }" value="5" class="c5" <c:if test="${position==5 }">checked</c:if>/><em>5</em>
															<input type="checkbox" name="choosePosition${DATALIST_CURRENTROW }" value="6" class="c6" <c:if test="${position==6 }">checked</c:if>/><em>6</em>
															<input type="checkbox" name="choosePosition${DATALIST_CURRENTROW }" value="7" class="c7" <c:if test="${position==7 }">checked</c:if>/><em>7</em>
															<input type="checkbox" name="choosePosition${DATALIST_CURRENTROW }" value="8" class="c8" <c:if test="${position==8 }">checked</c:if>/><em>8</em>
														</td>
													</tr>
													</nad:row>
												</tbody>
												</nad:table>
											</table>
										</div>
									</div>
									<div class="item1">
										<div class="column-title">
											<h6>奖盘预览</h6>
										</div>
										<div class="cont">
											<div class="disc-wrapper">
												<div class="disc-main">
													<ul class="clearfix">
														<li><a href="javascript:void(0);"><img src="${ctx }/imgs/example/example2.png" width="90" height="90" id="image1"/></a></li>
														<li><a href="javascript:void(0);"><img src="${ctx }/imgs/example/example2.png" width="90" height="90" id="image2"/></a></li>
														<li><a href="javascript:void(0);"><img src="${ctx }/imgs/example/example2.png" width="90" height="90" id="image3"/></a></li>
														<li><a href="javascript:void(0);"><img src="${ctx }/imgs/example/example2.png" width="90" height="90" id="image8"/></a></li>
														<li class="start"><a href="javascript:void(0);">开始</a></li>
														<li><a href="javascript:void(0);"><img src="${ctx }/imgs/example/example2.png" width="90" height="90" id="image4"/></a></li>
														<li><a href="javascript:void(0);"><img src="${ctx }/imgs/example/example2.png" width="90" height="90" id="image7"/></a></li>
														<li><a href="javascript:void(0);"><img src="${ctx }/imgs/example/example2.png" width="90" height="90" id="image6"/></a></li>
														<li><a href="javascript:void(0);"><img src="${ctx }/imgs/example/example2.png" width="90" height="90" id="image5"/></a></li>
													</ul>
												</div>
											</div>
										</div>
									</div>
								</div>
							</section>
							<div class="oper-row mt20">
								<input type="button" class="btn-save btn btn2 none-underline" id="saveConfigDis" value="保存"/>
								<input type="button" class="btn-cancel btn btn3 none-underline" onclick="window.location.href='${ctx }/award/index.do?activeId=${activeId }'" value="取消"/>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>


